<html>
<head>
<meta charset='utf-8'/>
<title>Demo Jquery Preloader</title>
<meta content='Demo Preloader,jquery preloader demo,flash preloader demo,preloader javascript- demo,image preloader demo,flex preloader demo,javascript image preloader demo,jquery image preloader demo' name='description'/>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script src="js/queryLoader.js"></script>
</head>
<body>
<div id="slideShowContainer">
	
    <div id="slideShow">
    
    	<ul>
        	<li><img src="img/photos/1.jpg" width="100%" alt="Fish" /></li>
            <li><img src="img/photos/2.jpg" width="100%" alt="Ancient" /></li>
            <li><img src="img/photos/3.jpg" width="100%" alt="Industry" /></li>
            <li><img src="img/photos/4.jpg" width="100%" alt="Rain" /></li>
        </ul>
    
    </div>
    
    <a id="previousLink" href="#">&raquo;</a>
    <a id="nextLink" href="#">&laquo;</a>
    
</div>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/jquery.rotate.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
  <center>Demo Jquery Preloader By : <a href="http://exitren.blogspot.com/" target="_blank">Exitren</a></center>
</body>
</html>
